<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<sj:head jqueryui="true" jquerytheme="cupertino" />
<title>AAL Administration</title>
<link rel="stylesheet" type="text/css" href="../css/960.css" />
<link rel="stylesheet" type="text/css" href="../css/reset.css" />
<link rel="stylesheet" type="text/css" href="../css/text.css" />
<link rel="stylesheet" type="text/css" href="../css/blue.css" />
<link type="text/css" href="../css/smoothness/ui.css" rel="stylesheet" />
<link type="text/css" href="../js/wysiwyg/jquery.wysiwyg.css"
	rel="stylesheet" />
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/wysiwyg/jquery.wysiwyg.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#wysiwyg').wysiwyg();
	});
</script>
<script type="text/javascript" src="../js/blend/jquery.blend.js"></script>
<script type="text/javascript" src="../js/ui.core.js"></script>
<script type="text/javascript" src="../js/ui.sortable.js"></script>
<script type="text/javascript" src="../js/ui.dialog.js"></script>
<script type="text/javascript" src="../js/effects.js"></script>
<style type="text/css">
.column {
	width: 350px;
	float: left;
	padding: 2px 0px;
}

.column div {
	margin: 5px;
}

.column div div .ui-icon {
	float: right;
}
</style>
<script type="text/javascript">


$("#formSelectCheckBox").submit(function()
		{alert("fdfs");
		 $("#indicator").show();
		 $("#result").load("hhh <s:property value="echo1"/>", { }, function(){
		         $("#indicator").hide();
		         $("#result").effect("highlight", {}, 2000);
		 });
		});

</script>
<script type="text/javascript">
<!--
	$.subscribe('chartHover', function(event, data) {
		$("#topicsHover").text(
				event.originalEvent.pos.x.toFixed(2) + ','
						+ event.originalEvent.pos.y.toFixed(2));
	});
	$.subscribe('chartClick', function(event, data) {
		var item = event.originalEvent.item;
		if (item) {
			$("#topicsClick").text(
					"You clicked point " + item.dataIndex + " ("
							+ item.datapoint[0] + "," + item.datapoint[1]
							+ ") in " + item.series.label + ".");
			event.originalEvent.plot.highlight(item.series, item.datapoint);
		}
	});
	// dialog
	function okButton() {
		alert('OK Button pressed!');
	};
	function cancelButton() {
		alert('Cancel Button pressed!');
		$('#mybuttondialog').dialog('close');
	};
	// tab panel
	$.subscribe('tabchange', function(event, data) {

		var tab = event.originalEvent.ui.index;
		$('#changepanel').html('Change to Tab <strong>' + tab + '.</strong>');
		$('#infopanel').html('');
		if (tab == 2) {
			$('#remotetabs').tabs('enable', 3);
		} else if (tab == 3) {
			$('#remotetabs').tabs('enable', 4);
		}
	});
	$.subscribe('tabcomplete', function(event, ui) {
		$('#infopanel').html(
				'<strong>Completed request with Status '
						+ event.originalEvent.status
						+ '.</strong><br/>Status: '
						+ event.originalEvent.request.status);
	});
</script>
<link rel="stylesheet" type="text/css"
	href="../department/css/iefix.css" />


<link rel="stylesheet" type="text/css" href="../departmentcss/iefix.css" />
<script src="../department/js/pngfix.js"></script>
<script>
	DD_belatedPNG.fix('#menu ul li a span span');
</script>

</head>

<body>
<!-- WRAPPER START -->
<div class="container_16" id="wrapper"><!-- HIDDEN COLOR CHANGER -->
<div style="position: relative;">
<div id="colorchanger"></div>
</div>
<!--LOGO-->
<div class="grid_8" id="logo"><a href="http://nicetheme.net"
	target="_blank" style="color: #FFFFFF">AAL Administration</a></div>
<div class="grid_8"><!-- USER TOOLS START -->
<div id="user_tools"><span> Welcome <a href="#">Admin
Username</a> | <a href="#">Logout</a></span></div>
</div>
<div class="grid_16" id="header"><!-- MENU START -->
<div id="menu">
<ul class="group" id="menu_group_main">
	<!-- current dung de chi den man hinh hien tai-->
	<li class="item first" id="one"><a href="Coordinator.html"
		class="main"><span class="outer"><span
		class="inner reportCoordinator">Hợp đồng</span></span></a></li>
	<li class="item middle" id="two"><a href="Coordinator_form.html"
		class="main  current"><span class="outer"><span
		class="inner purchase">Hóa đơn</span></span></a></li>
	<li class="item middle" id="three"><a href="#"><span
		class="outer"><span class="inner request">Yêu cầu nguồn
	hàng</span></span></a></li>
	<li class="item last" id="four"><a href="#" class="main"><span
		class="outer"><span class="inner notice">Thông báo</span></span></a></li>

</ul>

</div>
<!-- MENU END --></div>
<div class="grid_16"><!-- TABS START -->
<div id="tabs">
<div class="container">

<!--Sử dụng Jquery tab--> 
		<s:url id="remoteurl1" action="ajax1" />
		<s:url id="remoteurl2" action="ajax2" />

		<sj:tabbedpanel id="remotetabs" spinner="Please wait ..."
			disabledTabs="[3,4]" onCompleteTopics="tabcomplete"
			onChangeTopics="tabchange">
			<sj:tab id="tab1" href="%{remoteurl1}" label="Tab One" />
			<sj:tab id="tab2" href="%{remoteurl2}" label="Tab Two" />

		</sj:tabbedpanel>

</div>
</div>
<!-- TABS END --></div>
<!-- HIDDEN SUBMENU START -->
<div class="grid_16" id="hidden_submenu"></div>
<!-- HIDDEN SUBMENU END --> <!-- CONTENT START -->
<div class="grid_16" id="content"><!-- CONTENT TITLE -->
<div class="grid_9">
<h1 class="content_edit" align="center" style="width: 894px"></h1>
</div>
<!-- CONTENT TITLE RIGHT BOX -->
<div class="grid_6" id="eventbox"></div>
<div class="clear"></div>
<!--    TEXT CONTENT OR ANY OTHER CONTENT START     -->
<div class="grid_15" id="textcontent">
Content here

<div class="clear"></div>
<br />

</div>
<div class="clear"></div>
<!-- END CONTENT--></div>
<div class="clear"></div>

<!-- This contains the hidden content for inline calls -->
<div class='hidden'>
<div id="inline_example1" title="This is a modal box"
	style='padding: 10px; background: #fff;'>
<p><strong>This content comes from a hidden element on this
page.</strong></p>

<p><strong>Try testing yourself!</strong></p>
<p>You can call as many dialogs you want with jQuery UI.</p>

</div>
</div>
<!--Second hidden element called from the tip message right of the title-->
<div class='hidden'>
<div id='inline_example2' title="This is a modal"
	style='padding: 10px; background: #fff;'>
<p><strong>This content comes from the second hidden
element on this page.</strong></p>
</div>
</div>
</div>
<!-- WRAPPER END -->
<!-- FOOTER START -->
<div class="container_16" id="footer">Website Administration Copy
right <a href="">AAL</a></div>
<!-- FOOTER END -->
</body>
</html>
